/* pages/scankd/scankd.wxss */
@import "../../static/style/public.less";
.container {
    min-height: 100vh;
    background-size: 100% 100%;

    .scan-content {
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1));
        padding: 50rpx 30rpx;

        .scan-content-item {
            border: 2rpx solid #34aa3e;
            border-radius: 10rpx;
            padding: 10rpx;
            margin-bottom: 30rpx;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 24rpx;

            .ico-box {
                width: 48rpx;
                height: 45rpx;

                image {
                    width: 100%;
                    height: 100%;
                }
                
            }

            .divider-line {
                height: 48rpx;
                width: 2rpx;
                background-color: #5c8b2d;
            }
            .input-div {
                input {
                    width: 420rpx;
                    background-color: #eee;
                    border-radius: 10rpx;
                }
                .place-radio {
                  width: 420rpx;
                  display: block;
                }
            }

            .item-label {
                width: 100rpx;
                display: flex;
                justify-content: space-between;
            }
        }
        .disabled-item {
            border: 2rpx solid #999;
        }

        .my-placeholder {
            margin-left: 10rpx;
        }
        .my-sign {
            color: #409EFF;
        }

        .check-box-view {
            border: 0;
            position: absolute;
            z-index: 999;
            margin-top: -30rpx;
            margin-left: 30rpx;
        }

        .check-box {
            margin-top: -20rpx;
        }
    }

    .sign-box {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 999;
        display: flex;
        background-color: #00000099;

        .sign-btns {
            width: 12%;
            padding: 160rpx 0;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            text-align: center;

            view {
                width: 150%;
                transform: rotate(90deg);
                line-height: 60rpx;
                font-size: 24rpx;
                border-radius: 8rpx;
            }
        }

        .sign-canvas {
            width: 80%;
            height: 100%;
            background-color: #ffffff;
        }

        .sign-title {
            width: 8%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #000000;
            color: #fff;
            font-size: 32rpx;
            font-weight: bold;
            text-align: center;

            view {
                transform: rotate(90deg);
            }
        }
    }
}
/* 上传图片 */
.load-name {
    height: 80rpx;
    line-height: 80rpx;
    font-size: 30rpx;
}
.load-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.img-item, .img-add {
    position: relative;
    width: 140rpx;
    height: 140rpx;
    margin: 20rpx;
}
.img-add {
    border: 1px solid #ccc;
}
.img-add:after{
    width: 1rpx;
    height: 50rpx;
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ccc;
}
.img-add:before{
    position: absolute;
    top: 50%;
    right: 31%;
    width: 50rpx;
    height: 1rpx;
    content: " ";
    display: inline-block;
    background-color: #ccc;  
}

.img-item {
    margin-right: 20rpx;
}
.img-item image {
    width: 100%;
    height: 100%;
    border-radius: 10rpx;
}
.icon {
    position: absolute;
    top: 0;
    right: 0;
}